<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <style>
    :root {
      background-color: white;
    }
  </style>

</head>

<body>
  <h1>Lazy load iframes below the fold</h1>
  <iframe width="560" height="315" src="https://www.youtube.com/embed/mbWv3EvQCTw" title="YouTube video player"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>
  <the-fold></the-fold>
  <div>The fold</div>
  <iframe width="560" height="315" src="https://www.youtube.com/embed/veDoIqU2So0" title="YouTube video player"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe>
</body>

</html>